<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>瓷路瓷器</title>
		<script src="js/jquery-2.1.4.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/index_ajax.js"></script>
		<script src="js/index.js"></script>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/public_style.css"/>
		<link rel="stylesheet" type="text/css" href="css/cilu_index.css"/>
		
	</head>
	<!--<body>
		头部导航开始-->
		<div id="nav-header" class="navbar navbar-default navber-fixed-top nav-bgcolor">
			<div class="container">
				<div class="navbar-header ">
					<a href="cilu_index.html" class="logo"><img src="images/logo.png"alt="Brand" /></a>
					<button type="button" class="navbar-toggle " data-toggle = "collapse" data-target='#navbar-collapse'>	
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
				</div>
				<div class="collapse navbar-collapse nav-lef " id="navbar-collapse" >
					<ul class="nav navbar-nav navbar-right nav-bg" >
						<li><a href="cilu_index.html">首页<span class="nav-style">|</span></a></li>
						<li><a href="about.html">关于<span class="nav-style">|</span></a></li>
						<li><a href="product.html">产品<span class="nav-style">|</span></a></li>
						<li><a href="handed_down.html">传世<span class="nav-style">|</span></a></li>
						<li><a href="contact.html">联系</a></li>
					</ul>
				</div>
			</div>
		</div>
<!--		头部导航结束-->

<!--            首页公共样式轮播图开始-->
		<div id="mycarousel">
			<div class="carousel slide" id="carousel-135899" data-ride="carousel">
				<ol class="carousel-indicators" >
					<li class="active" data-slide-to="0" data-target="#carousel-135899">
					</li>
					<li data-slide-to="1" data-target="#carousel-135899">
					</li>
					<li data-slide-to="2" data-target="#carousel-135899">
					</li>
				</ol>
				<div class="carousel-inner cen">
					<div class="item active">
						<img alt="" src="images/bonner_1.jpg" />
					</div>
					<div class="item">
						<img alt="" src="images/bonner_2.jpg" />
					</div>
					<div class="item">
						<img alt="" src="images/bonner_3.jpg" />
					</div>
				</div> 
				<a class="left carousel-control" href="#carousel-135899" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> 
				<a class="right carousel-control" href="#carousel-135899" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
			</div>
		</div>
		
		<div id="about" class="container about">
			<div class="text-center about-icon ">
				<h3>关于</h3>
				<div class="row content-about">
					<a href="#"><img class="left_1" src="images/index_about_03.jpg"/></a>
					<p class="right_1">瓷路是一家专注于手工制瓷、传承传统文化的四川本土制瓷作坊，所有产品均为手工制作，只为保留传统文化的神韵，制瓷人员都是有着多年制瓷技艺的老师傅。作坊严格遵守古代瓷窑的制 作工艺及作息时间，为烧造出纯正的瓷器责无旁贷......</p>
					<a  href="#">了解更多>></a>
				</div>
			</div>
		</div>
<!--		首页公共样式轮播图结束-->
		
<!--		首页关于模块开始-->
		<div id="product" class="container-fluid text-center about">
			<div class="container text-center about-icon">
				<h3>产品</h3>
			</div>
		</div>
<!--        首页关于模块结束-->

        
<!--		首页产品模块轮播-->
		<div class="banner-bg">
		<div id="bonner">
				<ul class="list">
					<li>
						<a href="" >
							<img src="images/about_1.png"/>
							<h3>仿古瓷</h3>
						</a>
					</li>
					<li>
						<a href="" >
							<img src="images/about_2.png"/>
							<h3>现代瓷</h3>
						</a>
					</li>
					<li>
						<a href="">
							<img src="images/about_3.png"/>
							<h3>家用瓷</h3>
						</a>
					</li>
				</ul>
				<a class="left" style="cursor: pointer;"><img src="images/banner_right_03.jpg"/></a>
				<a class="right" style="cursor: pointer;"><img src="images/banner_right_05.jpg"/></a>
				<div style="clear: both;"></div>
				<div class="container text-center mores">
					<a class="more text-center" href="product.html">了解更多>></a>
				</div>
				
			</div>
			    
		</div>
		
<!--		首页产品轮播图结束-->
		
<!--		传世模块开始-->
		<div id="handed_down" class="container about">
			<div class="text-center about-icon">
				<h3>传世</h3>
				<div class="row text-center product-content">
				   <div class="left_2 col-md-4  col-xs-12">
				   	 <a href="###">
				   	 	<img class="left_2" src="images/Handed_down_1_06.jpg"/>
				   	 	<h4>元代青花瓷</h4>
				   	 	<p>鬼谷子下山图罐</p>
				   	 </a>
				   </div>
				   
				   <div class="mid_2 col-md-4  col-xs-12">
				   	 <a href="###">
				   	 	<img class="mid_2"  src="images/Handed_down_2_08.jpg"/>
				   	 	<h4>宋代汝窑天青瓷</h4>
				   	 	<p>天青无纹水盆仙</p>
				   	 </a>
				   </div>
				   
				   <div class="right_2 col-md-4  col-xs-12">
				   	  <a href="###">
				   	  	<img class="right_2" style="opacity: 0;" src="images/Handed_down_3_10.jpg"/>
				   	  	<h4>明代成华窑瓷</h4>
				   	  	<p>斗彩鸡缸杯</p>
				   	  </a>
				   </div>
				</div>
				<a class="understand" href="handed_down.html">了解更多>></a>
			</div>
			
		</div>
		
<!--		传世模块结束-->


<!--          首页页脚开始-->
		
		<div id="footer" class="container-fluid">
			<div class="container">
				<ul class="footer-nav">
					<li><a href="cilu_index.html">首页<span>|</span></a></li>
					<li><a href="about.html">关于<span>|</span></a></li>
					<li><a href="contact.html">联系</a></li>
				</ul>
			</div>
			
			<p class="text-center">© 2017 四川瓷路瓷器作坊 版权所有</p>
		</div>
		
<!--		首页页脚结束-->
	</body>
</html>
   